<!DOCTYPE html>
<html lang="en" xmlns:th="http://wwww.thymeleaf.org" >
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../aaa/css/font.css">
    <link rel="stylesheet" href="../aaa/css/xadmin.css">
    <script src="../aaa/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../aaa/js/xadmin.js"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <form class="layui-form layui-col-space5" action="/indent/page" method="post">
                        <div class="layui-inline layui-show-xs-block">
                            <input type="text" name="ordertime" class="layui-input" id="test1" placeholder="请选择日期" lay-key="1">
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <select name="statusid" class="layui-input" >
                                <option value="0">请选择</option>
                                <option th:each="a:${status}" th:value="${a.statusid}" th:text="${a.statusname}"></option>
                            </select>
                        </div>
                  l      <div class="layui-inline layui-show-xs-block">
                            <select name="logId" class="layui-input" >
                                <option value="0">请选择</option>
                                <option th:each="a:${log}" th:value="${a.logId}" th:text="${a.logname}"></option>
                            </select>
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                        </div>
                    </form>
                </div>
                <div class="layui-card-header">
                    <button class="layui-btn layui-btn-danger" th:onclick="batchDel()"><i class="lyui-icon"></i>批量删除</button>
                    <button class="layui-btn" th:onclick="xadmin.open('添加采购单','/indent/goAdd',1300,600)"><i class="layui-icon"></i>添加采购单</button>
                </div>

                <div class="layui-card-body ">
                    <table class="layui-table layui-form">
                        <thead>
                        <tr>
                            <th>
                                <input type="checkbox" class="checkAll" lay-filter="allChoose" lay-skin="primary">
                            </th>
                            <th>订单编号</th>
                            <th>审核状态</th>
                            <th>单据日期</th>
                            <th>商品名</th>
                            <th>商品数量</th>
                            <th>到达地址</th>
                            <th>物流公司</th>
                            <th>金额</th>
                            <th>采购人</th>
                            <th>部门</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="list:${pageInfo.list}">
                            <td>
                                <input type="checkbox" name="id[]" lay-filter="checkone" lay-skin="primary" th:value="${list.ordersId}"></td>
                            <td th:text="${list.ordersId}"></td>
                            <td class="td-status">
                                <span class="layui-btn layui-btn-normal layui-btn-mini" th:text="${list.statusl.statusname}"></span></td>
                            <td th:text="${list.ordertimeJs}"></td>
                            <td th:text="${list.commodity.commodityname}"></td>
                            <td th:text="${list.Samnumber}"></td>
                            <td th:text="${list.arrloc}"></td>
                            <td th:text="${list.logistics.logname}"></td>
                            <td th:text="${list.advance}"></td>
                            <td th:text="${list.emp.emp_name}"></td>
                            <td th:text="${list.dept.dept_name}"></td>
                            <td class="td-manage">
                                <a title="编辑" th:onclick="xadmin.open('编辑','/indent/goEdit?ordersId='+'[(${list.ordersId})]',700,400)" href="javascript:;">
                                    <i class="layui-icon">&#xe642;</i></a>
                                <a title="查看" th:onclick="xadmin.open('查看','/indent/goSee?ordersId='+'[(${list.ordersId})]',700,500)"  href="javascript:;">
                                    <i class="layui-icon">&#xe63c;</i></a>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                </div>
                <div class="layui-card-body">
                    <div class="page">
                        <div>
                            <span th:text="'总'+${pageInfo.pages}+'页'"></span>
                            <span th:text="'共'+${pageInfo.total}+'条记录'"></span>
                            <a th:href="@{/indent/selectAll}">首页</a>
                            <a class="prev" th:href="@{/indent/selectAll(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}">&lt;&lt;</a>
                            <a class="num" th:text="'当前第'+${pageInfo.pageNum}+'页'"></a>
                            <a class="next" th:href="@{/indent/selectAll(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">&gt;&gt;</a>
                            <a th:href="@{/indent/selectAll(pageNum=${pageInfo.pages})}">尾页</a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var form = layui.form;

        form.on('checkbox(allChoose)', function(data){
            if(data.elem.checked){
                $('tbody input').prop('checked',true);
            }else{
                $('tbody input').prop('checked',false);
            }
            form.render('checkbox');
        });
        //单选
        form.on('checkbox(checkone)', function (data) {
            var i = 0;
            var j = 0;
            $("input[name='id[]']").each(function () {
                if( this.checked === true )
                {
                    i++;
                }
                j++;
            });
            if( i == j )
            {
                $(".checkAll").prop("checked",true);
                form.render('checkbox');
            }else
            {
                $(".checkAll").removeAttr("checked");
                form.render('checkbox');
            }

        });
    });

    /*用户-删除*/
    function member_del(obj,ordersId){
        layer.confirm('确认要删除吗？',function(){
            //发异步删除数据
            $.ajax({
                url: "/indent/delete?ordersId="+ordersId,
                type: "POST",
                success: function (result) {
                    window.location.reload();//重新页面
                }
            });
            // $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
        });
    }
    //点击批量删除执行批量删除的方法
    function batchDel() {
        var ids = new Array();
        num = $(":checkbox[name='id[]']:checked").length;
        if (num == 0) {
            alert('必须选中一行才可以删除！');
            return false;
        } else {
            $.each($(":checkbox[name='id[]']:checked"), function (i, v) {
                ids[i] = this.value;
            });
        }
        layer.confirm('确认要删除吗？',function() {
            $.ajax({
                url: '/indent/batchDel',
                type: 'POST',
                data: {ids: ids},
                success: function (result) {
                    window.location.href='/indent/selectAll'
                }
            });
            layer.msg('已删除!',{icon:1,time:1000});
        })
    }
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test1' //指定元素
        });
    });
</script>
<script>
    var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</html>
